<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>珠峰培训-商品排序</title>
    <!--import css-->
    <link rel="stylesheet" href="css/reset.min.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<div class="container">
    <!--HEADER-->
    <div class="header clear" id="header">
        <span>排序：</span>
        <a href="javascript:;">上架时间</a>
        <a href="javascript:;">价格</a>
        <a href="javascript:;">热度</a>
    </div>

    <!--LIST-->
    <ul class="list clear" id="list">
        <!--<li><a href="javascript:;">
            <img src="img/1.jpg" alt="">
            <p>HUAWEI Mate 10 4GB+64GB 全网通版（亮黑色）</p>
            <span>￥3899</span>
        </a></li>-->
    </ul>
</div>

<!--IMPORT JS-->
<script src="js/index.js"></script>
</body>
</html>